body { 
  font-family:Verdana,Arial,Helvetica,sans-serif;
  font-size:14px;
  color:black;
  margin:0px;
  background-image:url("../images/tay_rechts.jpg");
  background-repeat:no-repeat;
  background-position:top right;
}

h1{
  font-family:Verdana,Arial,Helvetica,sans-serif;
  font-size:18px;
  font-weight:bolder;
  color:black;
}

h2{
  font-family:Verdana,Arial,Helvetica,sans-serif;
  font-size:14px;
  font-weight:bolder;
  color:black;
}
  
td {
  font-family:Verdana,Arial,Helvetica,sans-serif; 
  font-size:14px; 
  color:black; 
  
}

a { 
  font-family:Verdana,Arial,Helvetica,sans-serif;
  color:black; 
  text-decoration:none;
  
}

a:hover { 
  font-family:Verdana,Arial,Helvetica,sans-serif; 
  color:red; 
  text-decoration:none;
  
}

/*
a:visited { 
  font-family:Verdana,Arial,Helvetica,sans-serif; 
  color:#666666; 
  text-decoration:none; 
}
*/

sub { 
  font-size: 6px; 
  
}

li { 
  font-family:Verdana,Arial,Helvetica,sans-serif; 
  font-size:12px; 
  color:black;
  padding-bottom:1em;
  
}

li a{
  color:red; 
  text-decoration:none; 

}

li div.li_link_img{
  float:right;  
  width:50px;
  height:50px;
  box-shadow:4px 4px 8px #666666;
  border-radius: 10px;

}

div.li_link_img:hover{
  float:right;
  width:50px;
  height:50px;
  box-shadow:4px 4px 8px #666666;
  border-radius: 10px;

}

div.project_img{
  float:right;  
  width:50px;
  height:50px;
  box-shadow:4px 4px 8px #666666;
  border-radius: 10px;
  padding:10px;
}

div.content{
 overflow:visible;
}

div.left{
  position:relative;
  float:left;
  width:280px;
  margin:10px;
  z-index:20;
}

div.center{
  float:left;
  width:40%;
  padding:10px;
  margin:10px;
}

div.right{
  width:10%;
  height:500px;
  float:right;
  padding:0px;
  padding-bottom:20px;
}

#two_column{
  -moz-column-width: 13em;
  -moz-column-gap:1px;
  column-width: 13em;
  column-gap:1px;
}

div.navigation{
  clear:both;
  padding-top:20px;
  margin:0px;
  height:80px;
  width:100%;
  background-color:white;
  position:fixed;
  bottom:0px;
  z-index:50;
} 

div.menu{
}

#line{
  clear:both;
}

#level_0{
  float:right;
  padding-right:20px;
}

#level_1 {
  float:left;
  padding-right:50px;
  padding-left:10px;
}

#level_1 div{
  float:left;
  padding-right:50px;
  padding-left:10px;
  display:none;
}

div#level_1:hover div{
  float:left;
  padding-right:50px;
  padding-left:10px;
  display:block;
  min-height:57px;
  color:red; 
}

#level_1 div.display{
  display:block;
}

#level_2{
  position:absolute;
  top: -5px;
  border:3px;
  color:red; 
}

#level_2:hover{
  position:absolute;
  top: -5px;
  display:block;
  color:red; 
}


.display{
  display:block;
}

.nodisplay{
  display:none;
}

#sub_menu_text{
  font-family: Verdana,Arial,Helvetica,sans-serif;
  font-size: 12px;
  font-weight: normal;
  text-decoration: none;
}

div.content{

}

#image_shadow{
  box-shadow:4px 4px 8px #666666;
}

img.image_right{
 position:absolute;
 right:20px;
}

img.polaroid {
  padding:0.4em 0.4em 0.8em 0.4em;
  border:1px solid #BFBFBF;
  background-color:white;
/* Add box-shadow */
  
}

img.rotate_right {
  -ms-transform:rotate(7deg); /* IE 9 */
  -moz-transform:rotate(7deg); /* Firefox */
  -webkit-transform:rotate(7deg); /* Safari and Chrome */
  -o-transform:rotate(7deg); /* Opera */
  transform:rotate(7deg);
}

img.rotate_left:hover{
  -ms-transform:rotate(0deg); /* IE 9 */
  -moz-transform:rotate(0deg); /* Firefox */
  -webkit-transform:rotate(0deg); /* Safari and Chrome */
  -o-transform:rotate(0deg); /* Opera */
  transform:rotate(0deg);
  transition: 1s linear;
  -moz-transition: 1s linear;

}

img.rotate_left {
  -ms-transform:rotate(-7deg); /* IE 9 */
  -moz-transform:rotate(-7deg); /* Firefox */
  -webkit-transform:rotate(-7deg); /* Safari and Chrome */
  -o-transform:rotate(-7deg); /* Opera */
  transform:rotate(-7deg);
  transition-duration: 1s linear;
  -moz-transition-duration: 1s;
  
}

img.thumb{
  width:50px;
  transition-duration: 1s;
  -moz-transition-duration: 1s;
  -webkit-transition-duration: 1s;
}

img.thumb:hover{
  margin-top:-250px;
  width:150px;
  transition-duration: 1s;
  -moz-transition-duration: 1s;
  -webkit-transition-duration: 1s;
}

div.thumb{
  position:relative;
  margin-top:-10px;
  margin-left:20px;
  z-index:1;
}

div.thumb:hover{
  z-index:12;
  transition: 1s linear;
  -moz-transition: 1s linear;
}

div.clear{
  clear:both;
}

div.image_box{
  height:160px;
}

div.link_img{
  margin-right:20px;
  float:left;
  width:50px;
  height:50px;
  box-shadow:4px 4px 8px #666666;
  border-radius: 10px;
  overflow:hidden;
  transition-duration: 1s;
  -moz-transition-duration: 1s;
}

div.link_img:hover{
  margin-right:20px;
  margin-top:-25px;
  float:left;
  width:100px;
  height:100px;
  box-shadow:4px 4px 8px #666666;
  border-radius: 10px;
  overflow:hidden;
  transition-duration: 1s;
  -moz-transition-duration: 1s;
}

img.link_img{
  height:100%;
  transition-duration: 1s;
  -moz-transition-duration: 1s;
}

img.link_img:hover{
  height:100%;
  transition-duration: 1s;
  -moz-transition-duration: 1s;
}

div.project_list{
  clear:both;
  min-height:60px;
}

div.project_logo{
  float:left;
  width:50px;
  height:50px;
  margin-right:30px;
  margin-top:10px;
  margin-bottom:10px;
  box-shadow:4px 4px 8px #666666;
  /*border-radius: 10px;*/
  overflow:hidden;
}

div.project_description{
  font-size:12px;
  margin:10px;
  height:100%;
}

img.project_logo{
  height:100%;
}